<template>
	<view class="box">
		<scroll-view scroll-y :show-scrollbar="false" class="swiper">
			<view class="flex-js userBox" v-for="(item,index) in 20" :key="index" @click="toUser">
				<view class="flex">
					<view class="imgBox">
						<image src="../static/indexad/dy.png" mode=""></image>
					</view>
					<view class="">
						<view class="">
							用户的名字
						</view>
						<view class="" style="font-size: 28rpx;	color: #959595;">
							10-19 关注了你
						</view>
					</view>
				</view>
				<view class="">
					<fui-icon name="arrowright" size="40"></fui-icon>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			toUser() {
				uni.navigateTo({
					url: '/myPages/userDetails'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	view {
		box-sizing: border-box;
	}

	.imgBox {
		width: 100rpx;
		height: 100rpx;
		border-radius: 100%;
		margin-right: 20rpx;

		image {
			width: 100rpx;
			height: 100rpx;
			border-radius: 100%;
		}
	}

	.swiper {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding: 20rpx;
	}

	.box {

		height: 100vh;
		width: 100vw;
		background-color: #F8F8F8;
	}

	.userBox {
		padding: 20rpx 0rpx;
	}
</style>